<template>
  <section>
    <el-form inline size="small" label-width="200px">
      <el-row>
        <el-form-item label="售电方数字身份">{{
          2020080901
        }}</el-form-item>
      </el-row>
      <el-row>
        <el-form-item label="交易周期">{{
          2020080901
        }}</el-form-item>
      </el-row>
      <el-row>
        <el-form-item label="数量（度）">
          <el-input type="text" v-model="formData.b" />
        </el-form-item>
      </el-row>
      <el-row>
        <el-form-item label="价格（元）">
          <el-input type="text" v-model="formData.d" />
        </el-form-item>
      </el-row>
    </el-form>
    <el-row type="flex" justify="center" slot="footer" class="dialog-footer">
      <el-button size="small" type="primary" @click="dialogVisible = false"
        >确认购买</el-button
      >
      <el-button size="small" @click="dialogVisible = false">关闭</el-button>
    </el-row>
  </section>
</template>
<script lang='ts'>
import { Vue, Component, Watch } from "vue-property-decorator";

@Component
export default class MyApplication extends Vue {
  protected formData: any = {
    a: "购电报价",
  };
  // for diog
  protected options: any = [
    {
      value: "1",
      label: "购电报价",
    },
    {
      value: "2",
      label: "售电报价",
    },
    {
      value: "3",
      label: "全部报价",
    },
  ];
}
</script>

<style lang="scss" scoped>
mr_vertical_10 {
  margin: 10px 0;
}
.mr_w_10 {
  margin: 0 10px;
}
.el-form-item--small.el-form-item {
  width: 100%;
}
/deep/ .el-form-item--small .el-form-item__content {
  width: 60%;
}
.el-select {
  width: 100%;
}
// .el-input--small {
//   width: 100%;
// }
</style>


